<template>
  <div>
    <v-card class="mx-auto my-12" max-width="374">
      <v-img
        height="180"
        :src="value.wallpaper.picture ? value.wallpaper.picture : spareImg"
      ></v-img>
      <v-card-title>{{ value.title }}</v-card-title>

      <v-card-text>
        <v-row align="center" class="mx-0 mb-2">
          <v-rating
            :value="4.5"
            color="amber"
            dense
            half-increments
            readonly
            size="14"
          ></v-rating>

          <div class="grey--text ml-4">4.5 (413)</div>
        </v-row>

        <div>{{ value.subTitle }}</div>
      </v-card-text>

      <v-divider class="mx-4"></v-divider>

      <v-card-actions>
        <v-spacer />
        <v-btn color="deep-purple lighten-2" text :href="'says/' + value._id">
          <!-- @click="open" -->
          查看全文
        </v-btn>
      </v-card-actions>
    </v-card>
  </div>
</template>

<script>
export default {
  data: () => ({
    // loading: false,
    // selection: 1,
    spareImg:
      'http://foufou.oss-cn-shenzhen.aliyuncs.com/1011eb908879bd0181686cc98fac9e52.jpg',
  }),

  props: {
    value: {
      type: Object,
      default: () => ({}),
    },
  },

  methods: {
    // open () {
    //   this.loading = true
    //   setTimeout(() => (this.loading = false), 2000)
    //   this.$router.push('says/' + this.value._id)
    // },
  },
}
</script>

<style></style>
